﻿@{
    ViewBag.Title = "Pagar";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@{
    double total = double.Parse(@Request.Params["total"].ToString());
}
<script type="text/javascript">
    function regresar() {
        window.location.href = "CarritoCompras";
    }
</script>
<article id="address">
    <form action="PagoRealizado">
        <h1>Datos de facturación</h1>
        <p>
            <label for="numTarjeta">Número de Tarjeta:</label>
            <input id="numTarjeta" name="numTarjeta" type="text" required="required"><span class="alert">*</span>
        </p>
        <p>
            <label for="vigencia">Vigencia:</label>
            <input id="vigencia" name="vigencia" type="text" required="required" value="06/17"><span class="alert">*</span>
        </p>
        <p>
            <label for="cvv">CVV:</label>
            <input id="cvv" name="cvv" type="text" required="required"><span class="alert">*</span>
        </p>
        <p>
            <label for="billFName">Nombres del Titular:</label>
            <input id="billFName" name="billFName" type="text" required="required"><span class="alert">*</span>
        </p>
        <p>
            <label for="billLName">Apellidos:</label>
            <input id="billLName" name="billLName" type="text" required="required"><span class="alert">*</span>
        </p>
        <p>
            <label for="billAddress1">Direccion:</label>
            <input id="billAddress1" name="billAddress1" type="text" required="required"><span class="alert">*</span>
        </p>
        <p>
            <label for="billAddress2">&nbsp;</label>
            <input id="billAddress2" name="billAddress2" type="text">
        </p>
        <p>
            <label for="billCity">Ciudad:</label>
            <input id="billCity" name="billCity" type="text" required="required"><span class="alert">*</span>
        </p>
        <p>
            <label for="billCountry">País:</label>
            <select id="billCountry" name="billCountry" onchange="javascript:startDisplay();" required="required">
                <option value="AR">Argentina</option>
                <option value="AW">Aruba</option>
                <option value="AU">Australia</option>
                <option value="BS">Bahamas</option>
                <option value="BB">Barbados</option>
                <option value="BE">Belgium</option>
                <option value="BM">Bermuda</option>
                <option value="BR">Brazil</option>
                <option value="CA">Canada</option>
                <option value="KY">Cayman Islands</option>
                <option value="CL">Chile</option>
                <option value="CN">China (People's Republic)</option>
                <option value="CX">Christmas Island</option>
                <option value="CR">Costa Rica</option>
                <option value="CY">Cyprus</option>
                <option value="DK">Denmark</option>
                <option value="EG">Egypt</option>
                <option value="FI">Finland</option>
                <option value="FR">France</option>
                <option value="DE">Germany</option>
                <option value="GR">Greece</option>
                <option value="GU">Guam</option>
                <option value="GT">Guatemala</option>
                <option value="HK">Hong Kong</option>
                <option value="IS">Iceland</option>
                <option value="IE">Ireland (Republic of Ireland)</option>
                <option value="IL">Israel</option>
                <option value="IT">Italy</option>
                <option value="JM">Jamaica</option>
                <option value="JP">Japan</option>
                <option value="KW">Kuwait</option>
                <option value="LU">Luxembourg</option>
                <option value="MW">Malawi</option>
                <option value="MX" selected="selected">Mexico</option>
                <option value="MC">Monaco</option>
                <option value="NL">Netherlands (Holland)</option>
                <option value="AN">Netherlands Antilles</option>
                <option value="NZ">New Zealand</option>
                <option value="NO">Norway</option>
                <option value="PA">Panama</option>
                <option value="PE">Peru</option>
                <option value="PH">Philippines</option>
                <option value="PL">Poland</option>
                <option value="PT">Portugal</option>
                <option value="PR">Puerto Rico</option>
                <option value="SA">Saudi Arabia</option>
                <option value="SG">Singapore</option>
                <option value="ZA">South Africa</option>
                <option value="KP">South Korea (Republic of Korea)</option>
                <option value="ES">Spain</option>
                <option value="SE">Sweden</option>
                <option value="CH">Switzerland</option>
                <option value="TW">Taiwan</option>
                <option value="TH">Thailand</option>
                <option value="TT">Trinidad and Tobago</option>
                <option value="TR">Turkey</option>
                <option value="AE">United Arab Emirates</option>
                <option value="GB">United Kingdom</option>
                <option value="US">United States</option>
                <option value="UM">United States Minor Outlying Islands</option>
                <option value="VE">Venezuela</option>
                <option value="VG">Virgin Islands (British)</option>
            </select>
        </p>
        <p>
            <label for="billZip">Código Postal:</label>
            <input id="billZip" name="billZip" type="text" required="required"><span class="alert">*</span>
        </p>
        <p>
            <label for="billEqualShip">Enviar a esta dirección</label>
            <input name="billEqualShip" type="checkbox" id="billEqualShip" value="Y" checked>
        </p>
        <p>
            <label for="email">Email:</label>
            <input id="email" name="email" type="email" required="required"><span class="alert">*</span>
        </p>
        <p>
            <label for="phone">Teléfono:</label>
            <span style="display: none;" class="helper">Please enter your <strong>phone number</strong>.<br>
                We might need to contact you with regards to your order.</span>
            <input id="phone" name="phone" type="tel" required="required"><span class="alert">*</span>
        </p>
        <p>
            <label>&nbsp;</label>
            <button type="submit" class="continue">Pagar ($@total)</button>
        </p>
    </form>
    <p>
        <button type="button" onclick="regresar();">Regresar</button>
    </p>
</article>
